<!DOCTYPE html>
<html class="root61">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人注册</title>

    <link source="widget" type="text/css" rel="stylesheet" href="{{asset(config('view.frontend.shop_login').'/reg/css/ui-base.css')}}">
    <link charset="utf-8" rel="stylesheet" href="{{asset(config('view.frontend.shop_login').'/reg/css/tinyscrollbar.css')}}">

    <link source="widget" type="text/css" rel="stylesheet" href="{{asset(config('view.frontend.shop_login').'/reg/css/header.css')}}">
    <link charset="utf-8" rel="stylesheet" href="{{asset(config('view.frontend.shop_login').'/reg/css/dialog.css')}}">

<body>
<!-- widget header begin -->
@include('frontend::login.reg_layout.head',['no_login'=>true])
<!-- widget header end -->
<div class="container w">


    <!-- widget progress-bar begin -->
    <div class="progress-bar clearfix">
        <div class="pro-step cur-step" for="step1-wrap">
            <span class="step-index">1</span>
            <p class="step-desc">验证手机号</p>
        </div>
        <div class="pro-line pro-line1 person-pro-line person-pro-line1"></div>
        <div class="pro-step pro-step2 person-pro-step2" for="step2-wrap">
            <span class="step-index">2</span>
            <p class="step-desc">填写账号信息</p>
        </div>
        <div class="pro-line pro-line2 person-pro-line person-pro-line2 "></div>
        <div class="pro-step pro-step3 person-pro-step3  ">
            <span class="step-index">3</span>
            <p class="step-desc">注册成功</p>
        </div>
    </div>
    <!-- widget progress-bar end -->

    <!-- widget reg-steps begin -->
    <div class="main ">
        <div class="reg-form">
            <form action="{{route('f_Login_register')}}" id="register-form" method="POST" novalidate="novalidate" onsubmit="false">
                <input type="hidden" id="popupProtocol" value="1">
                {{csrf_field()}}
                <div id="step1-wrap">
                    <div class="item-phone-wrap">
                        <div class="form-item form-item-phone">
                            <label class="select-country" id="select-country" country_id="0086"
                                   style="border-top: 1px solid rgb(221, 221, 221); border-right: none rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-image: initial;">
                                中国 0086{{--<a href="javascript:void(0) " class="arrow"></a>--}}
                            </label>
                            <div class="item-input-wrap form-item-error" style="border: 1px solid rgb(221, 221, 221);">
                                <input type="text" id="form-phone" maxlength="11"
                                       name="phone" class="field" placeholder="建议使用常用手机号 "
                                       autocomplete="off">
                                <i class="i-status"></i>
                                <i class="i-cancel"></i>
                            </div>
                        </div>
                        <div class="input-tip">
                                <span id="form-phone-error" class="error  hide">
                                    <i class="i-error"></i><b class="msg">请输入手机号</b></span>
                        </div>
                    </div>
                    <div class="item-phonecode-wrap" style="display: none;">
                        <div class="form-item form-item-phonecode" >
                            <div class="phonecode-left">
                                <label>手机验证码</label>
                                <input type="text" name="phone_code" maxlength="6" autocomplete="off" id="phoneCode" class="field phonecode" placeholder="输入验证码">
                                <i class="i-status"></i>
                                <i class="i-cancel"></i>
                            </div>
                            <button id="getPhoneCode" class="btn-phonecode" type="button">重新获取</button>
                        </div>
                        <div class="input-tip">
                                <span id="form-phonecode-error" class="error  hide">
                                    <i class="i-error"></i><b class="msg"></b>
                                </span>
                        </div>
                    </div>
                    <div class="form-agreen"></div>
                    <div id="step1-next" class="btn-register">下一步</div>
                </div>
                <div id="step2-wrap">
                    {{--用户名--}}
                    <div class="form-item form-item-account" id="form-item-account">
                        <label style="text-align-last: justify;">真实姓名</label>
                        <input type="text" id="name" name="name" class="field" autocomplete="off" maxlength="20" placeholder="您的真实姓名">
                        <i class="i-status"></i>
                        <i class="i-cancel"></i>
{{--                        <ul class="suggest-container user-suggest"><li class="disable"><div class="value"><i class="i-error1"></i><span>已注册，推荐您选择</span></div></li><li class="current"><div class="value">往事随风0352</div></li><li class="suggest-li-last"><div class="value">往事随风57251</div></li></ul>--}}
                    </div>
                    <div class="input-tip"><span></span></div>
                    <div class="form-item form-item-account">
                        <label style="text-align-last: justify;">昵称</label>
                        <input type="text" id="nickname" name="nickname" class="field" autocomplete="off" maxlength="20" placeholder="您的昵称">
                        <i class="i-status"></i>
                        <i class="i-cancel"></i>
                        {{--                        <ul class="suggest-container user-suggest"><li class="disable"><div class="value"><i class="i-error1"></i><span>已注册，推荐您选择</span></div></li><li class="current"><div class="value">往事随风0352</div></li><li class="suggest-li-last"><div class="value">往事随风57251</div></li></ul>--}}
                    </div>
                    <div class="input-tip"><span></span></div>
                    {{--登录密码--}}
                    <div class="form-item">
                        <label style="text-align-last: justify;">登录密码</label>
                        <input autocomplete="off" type="password" name="login_pwd" id="form-pwd" class="field" maxlength="20" placeholder="建议使用两种或两种以上字符组合">
                        <i class="i-status"></i>
                        <i class="i-cancel"></i>
                        <div class="capslock-tip tips">大写已开启<b class="arrow"></b><b class="arrow-inner"></b></div></div>
                    <div class="input-tip"><span></span></div>
                    {{--确认密码--}}
                    <div class="form-item">
                        <label style="text-align-last: justify;">确认密码</label>
                        <input type="password" name="re_login_pwd" id="form-equalTopwd" class="field" placeholder="请再次输入密码" default="&lt;i class=&#39;i-def&#39;&gt;&lt;/i&gt;请再次输入密码">
                        <i class="i-status"></i>
                        <i class="i-cancel"></i>
                        <div class="capslock-tip tips">大写已开启<b class="arrow"></b><b class="arrow-inner"></b></div>
                    </div>
                    <div class="input-tip"><span></span></div>
                    {{--安全密码--}}
                    <div class="form-item">
                        <label style="text-align-last: justify;">安全密码</label>
                        <input autocomplete="off" type="password" name="pay_pwd" id="form-pay-pwd" class="field" maxlength="20" placeholder="建议使用两种或两种以上字符组合">
                        <i class="i-status"></i>
                        <i class="i-cancel"></i>
                        <div class="capslock-tip tips">大写已开启<b class="arrow"></b><b class="arrow-inner"></b></div></div>
                    <div class="input-tip"><span></span></div>
                    {{--确认密码--}}
                    <div class="form-item">
                        <label style="text-align-last: justify;">确认安全密码</label>
                        <input type="password" name="re_pay_pwd" id="form-repay-pwd" class="field" placeholder="请再次输入密码" default="&lt;i class=&#39;i-def&#39;&gt;&lt;/i&gt;请再次输入密码">
                        <i class="i-status"></i>
                        <i class="i-cancel"></i>
                        <div class="capslock-tip tips">大写已开启<b class="arrow"></b><b class="arrow-inner"></b></div>
                    </div>
                    <div class="input-tip"><span></span></div>
                    {{--邀请码--}}
                    <div class="form-item">
                            <label style="text-align-last: justify;">邀请码</label>
                            <input type="text" name="share_code" id="form-share-code" class="field" autocomplete="off" maxlength="16" placeholder="请输入邀请码">
                            <i class="i-status"></i>
                        </div>
                    <div class="input-tip"><span></span></div>

                    <div><button class="btn-register" type="button" id="form-register" >立即注册</button></div>
                    <div class="input-tip" id="other-error-tip">
                        <span class="error hide">
                            <i class="i-error"></i><b class="msg"></b>
                        </span>
                    </div>
                    <div class="back-btn" id="back-btn">返回上一步</div>
                </div>
            </form>
        </div>

        <div class="reg-other clearfix">
            <a href="javascript:layer.alert('暂未开放,敬请期待');" class="reg-other-item reg-other-person"><i class="reg-ohter-icon"></i>企业用户注册</a>
            <a href="javascript:layer.alert('暂未开放,敬请期待');" class="reg-other-item reg-other-inter" ><i class="reg-ohter-icon"></i>海外用户注册</a>
        </div>

    </div>

    <!-- widget reg-steps end -->
</div>


<!-- widget footer begin -->
@include('frontend::login.reg_layout.foot')
<!-- widget footer end -->

<script src="{{asset(config('view.plugin').'/jquery/jquery-3.2.1.min.js')}}"></script>
<script src="{{asset(config('view.plugin').'/layui/layui.all.js')}}"></script>
<script src="{{asset(config('view.frontend.shop_login').'/js/reg.js')}}"></script>
<script type="text/javascript">

</script>
</body></html>